.box {
    margin: 20upx 0;
}

.box view.cu-bar {
    margin-top: 20upx;
}

.topic {
    ul {
        padding: 0;
        list-style: none;
    }
    .slide-fade-enter {
        width: 100%;
        height: 100%;
        display: flex;
        position: fixed;
        right: 100%;
        background: #fff;
        box-sizing: border-box;
        transform: translateX(-100%);
        opacity: 0;
    }
    .list {
        li {
            background: #fff;
            text-align: center;
            padding-bottom: 20rpx;
            margin-bottom: 20rpx;
            .t-img {
                width: 100%;
                height: 415rpx;
                img {
                    width: 100%;
                    height: 100%;
                }
            }
            .info {
                p:nth-child(1) {
                    color: #333;
                    font-size: 35rpx;
                    margin-top: 30rpx;
                }
                p:nth-child(2) {
                    color: #999;
                    font-size: 24rpx;
                    margin-top: 16rpx;
                    padding: 0 20rpx;
                }
                p:nth-child(3) {
                    color: #b4282d;
                    font-size: 27rpx;
                    margin-top: 20rpx;
                }
            }
        }
    }
}